<template>
  <view class="success">
    <uni-nav-bar title="提现成功" color="#333" left-icon="left" @clickLeft="redirectToWithdraw" statusBar></uni-nav-bar>
    <view class="flex-col-hcenter">
      <image :src="imgSrc" class="img-success"></image>
      <view class="info-text">提现申请已提交</view>
      <view class="btn-box">
        <view class="flex-center btn btn-back" @click="redirectToWithdraw">返回</view>
        <view class="flex-center btn btn-check" @click="redirectToRecord">查看</view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import imgSrc from '@/static/index/car.png';

function redirectToWithdraw() {
  uni.redirectTo({ url: '/pages/account/withdraw' });
}

function redirectToRecord() {
  uni.redirectTo({ url: '/pages/account/record' });
}
</script>

<style scoped lang="less">
.success {
  width: 100%;
  height: 100vh;
  background-color: white;
}
.img-success {
  width: 220rpx;
  height: 204rpx;
  margin: 80rpx 0 40rpx;
}
.info-text {
  font-size: 30rpx;
  color: #333;
  letter-spacing: 4rpx;
}
.tip {
  font-size: 28rpx;
  color: #999;
  margin-top: 16rpx;
}

.btn-box {
  margin-top: 80rpx;
  width: 570rpx;
  display: grid;
  grid-template-columns: 260rpx 260rpx;
  column-gap: 50rpx;

  .btn {
    width: 260rpx;
    height: 80rpx;
    border-radius: 5px;
    font-size: 36rpx;
  }
  .btn-back {
    color: #1b91ff;
    border: 2rpx solid #1b91ff;
    background: white;
  }
  .btn-check {
    color: white;
    background: linear-gradient(69deg, #41a3ff 0%, #1b91ff 100%);
  }
}
</style>
